.is-stick {
  .project-container-root {
    .project-list {
      &-at-path {
        .at-path-wrap {
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: calc(100vw - 630px) !important;
        }
      }
    }
  }
}

.project-container-root {
  .project-list {
    //   // 这里为了达到设计师的要求（库描述撑满宽度），hack了不少at-list的样式
    //   .at-list-item-body {
    //     min-width: 0;
    //   }
    //   .at-list-item-body-description-item:first-child {
    //     max-width: initial;
    //     margin-right: 20px;
    //   }
    &-at-path {
      .at-path-wrap {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100vw - 430px) !important;
      }
    }
    &-item-title {
      display: flex;
      align-items: center;
      .at-path-wrap {
        display: block;
      }
      .demo-repo-tag {
        font-weight: initial;
        margin-left: 8px;
      }
    }
    &-item-desc {
      width: 100%;
      display: flex;
      align-items: center;
      &-project-desc {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      &-divider {
        margin-left: 8px;
      }
      &-time {
        margin-left: 8px;
        &:first-child {
          margin-left: 0;
        }
      }
    }
  }

  .weleome-banner {
    position: relative;
    border: 1px solid $gray-02;
    border-radius: 4px;
    height: 182px;
    // padding: 24px 25%;
    margin: 10px 0;
    margin-right: 40px;
    &-text-container {
      position: absolute;
      left: 25%;
      top: 24px;
      z-index: 2;
    }
    &-title {
      font-size: 16px;
      color: $gray-08;
      line-height: 24px;
      width: 194px;
      font-weight: 500;
    }
    &-desc {
      line-height: 20px;
      font-size: 14px;
      color: $gray-06;
      width: 315px;
      margin: 12px 0 20px;
    }
    &-close-btn {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 1;
    }
    &-bg-left {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      height: 100%;
    }
    &-bg-right {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      height: 100%;
    }
  }

  .title-span-badge {
    display: flex;
    align-items: center;
    & > span:first-child {
      margin-right: 10px;
    }
    & > span:last-child {
      sup {
        background-color: #f0f0f0;
        color: inherit !important;
      }
    }
  }

  // .at-list-item-has-container:hover {
  //   .at-path {
  //     &-wrap-first, &-separator, &-wrap-last, &-wrap-middle {
  //       color: $primary-brand;
  //     }
  //   }
  // }

  // .arrows-cycle-animate {
  //   animation: mycircle 1.5s linear infinite;
  // }

  // @keyframes mycircle {

  //   from {
  //     transform: rotate(0deg);
  //   }

  //   to {
  //     transform: rotate(360deg);
  //   }

  // }
}

.organization-project-list {
  .yunxiao-list-desc {
    max-width: calc(100vw - 500px);
    white-space: nowrap;
  }
}

.codeup_serarch_go_cloud_guide {
  z-index: 1000 !important;
  border-radius: 12px !important;
  max-width: 280px !important;
  color: $background-fill !important;
  background: $primary-brand !important;
  .driver-popover-description {
    color: $background-fill !important;
    line-height: 1.5 !important;
  }
  .driver-popover-tip.top {
    border-bottom-color: $primary-brand !important;
  }
  .driver-close-btn {
    padding: 5px 16px !important;
    border-radius: 12px !important;
    color: $primary-brand !important;
  }
}
